<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        .container {
            position: relative;
            margin: 0 auto;
            width: 1600px;
            height: 3600px;
            font-size: 0px;
        }
        
        .footer {
            position: absolute;
            top: 780px;
            right: 360px;
        }
        
        .btn {
            position: absolute;
            top: 666px;
            right: -220px;
        }
        
        .wenzi {
            position: absolute;
            top: 710px;
            right: -60px;
        }
        
        .bad {
            position: relative;
            transform: rotate(-45deg);
            right: -1200px;
            top: -1100px;
        }
        
        .jio {
            position: relative;
            transform: rotate(-45deg);
            right: -500px;
        }
        
        .mom {
            position: relative;
            transform: rotate(-45deg);
            right: 200px;
            top: -1600px;
            z-index: -1;
        }
        
        .koko {
            position: relative;
            transform: rotate(45deg);
            right: 500px;
            top: -775px;
        }
        
        .iol {
            position: relative;
            transform: rotate(45deg);
            right: -200px;
            top: -2375px;
            z-index: -3;
        }
        
        .lol {
            position: relative;
            transform: rotate(45deg);
            right: 875px;
            top: -5000px;
            filter: blur(3px);
            z-index: -10;
        }
        
        .noli {
            position: relative;
            top: -4800px;
            right: 1356px;
        }
        
        .lalala {
            position: relative;
            top: -12366px;
            right: 0px;
            background-color: rgb(69, 62, 71);
            z-index: -15;
            width: 1600px;
            height: 3600px;
        }
        
        .no {
            height: 200px;
            background-color: aquamarine;
            z-index: 29;
        }
        
        .no h1 {
            z-index: 15;
            /* position: relative; */
            /* top: -6000px; */
            /* right: 0px;
            background-color: rgb(255, 228, 75);
            width: 1600px;
            height: 900px;
          
            box-sizing: content-box;
            box-sizing: border-box; */
            color: black;
        }
    </style>
</head>

<body>

    <div class="container">

        <div class="nav"><img src="image/dingbu.png" width="1600" height="900" alt="this is a pic">
            <div class="main"><img src="image/biaotilan.png" width="1600" height="90" alt="this is a pic"></div>
            <div class="footer"><img src="image/gerenjianli.png" width="1200" height="600" alt="this is a pic"></div>
            <div class="btn"><img src="image/youxiuzuopin.png" width="1200" height="600" alt="this is a pic"></div>
            <div class="wenzi"><img src="image/huihuajinli.png" width="1200" height="600" alt="this is a pic"></div>
        </div>
        <div class="jio"><img src="image/three.jpg" width="533" height="900" alt="this is a pic"></div>
        <div class="mom"><img src="image/two.jpg" width="533" height="900" alt="this is a pic"></div>
        <div class="bad"><img src="image/four.jpg" width="533" height="900" alt="this is a pic"></div>
        <div class="koko"><img src="image/five.jpg" width="533" height="900" alt="this is a pic"></div>
        <div class="iol"><img src="image/one.jpg" width="533" height="900" alt="this is a pic"></div>
        <div class="lol"><img src="image/QQ图片20200308004014.jpg" width="3200" height="1800" alt="this is a pic"></div>
        <div class="noli"><img src="image/dibu.png" width="8965" height="4666" alt="this is a pic"></div>

        <div class="lalala"></div>
    </div>
    <div class="no">
        <h1>个人简介</h1>
    </div>
</body>

</html>